<template>
  <div>
    <basic-container>
      <avue-data-icons :option="option"></avue-data-icons>
    </basic-container>
  </div>
</template>

<script>
  import {mapGetters} from "vuex";

  export default {
    name: "home",
    data() {
      return {
        activeNames: ['1', '2', '3', '5'],
        logActiveNames: ['27'],
        option: {
          span:4,
          data: [
            {
              // click: function (item) {
              //   alert(JSON.stringify(item));
              // },
              title: '今日注册',
              count: 12678,
              decimals:2,
              icon: 'el-icon-tickets',
              // href:'https://avuejs.com',
              // target:'_blank'
            },
            {
              // click: function (item) {
              //   alert(JSON.stringify(item));
              // },
              title: '今日登录',
              count: 22139,
              icon: 'el-icon-success',
              // href:'https://avuejs.com',
              // target:'_blank'
            },
            {
              // click: function (item) {
              //   alert(JSON.stringify(item));
              // },
              title: '今日订阅',
              count: 35623,
              icon: 'el-icon-info',
              // href:'https://avuejs.com',
              // target:'_blank'
            },
            {
              // click: function (item) {
              //   alert(JSON.stringify(item));
              // },
              title: '今日评论',
              count: 16826,
              icon: 'el-icon-message',
              // href:'https://avuejs.com',
              // target:'_blank'
            },
            {
              // click: function (item) {
              //   alert(JSON.stringify(item));
              // },
              title: '今日评论',
              count: 16826,
              icon: 'el-icon-message',
              // href:'https://avuejs.com',
              // target:'_blank'
            },
            {
              // click: function (item) {
              //   alert(JSON.stringify(item));
              // },
              title: '今日评论',
              count: 16826,
              icon: 'el-icon-message',
              // href:'https://avuejs.com',
              // target:'_blank'
            }
          ]
        },
      };
    },
    computed: {
      ...mapGetters(["userInfo"]),
    },
    created() {
    },
    methods: {

    }
  };
</script>

<style scoped>
  .el-divider--horizontal {
    margin: 12px 0 !important;
  }

  .el-font-size {
    font-size: 14px;
  }
</style>

